import React,{Component} from 'react';
import './Register.css'
import {withRouter} from 'react-router-dom';



class Register extends Component{
    constructor(){
        super();
    }
    goBack(){
        this.props.history.goBack();
    }
    toLogin(){
        this.props.history.push({pathname:"/Login"});
    }
    render(){
        return(
            <div className="Register">
                <header className="header">
                    <i className="fa fa-angle-left" onClick={this.goBack.bind(this)}></i>
                    <span>注册</span>
                    <b onClick={this.toLogin.bind(this)}>去登录</b>
                </header>
                <div className="container">
                    <div className="container_input_Top">
                        <i className="fa fa-mobile"></i>
                        <input type="text" placeholder="请输入手机号码"/>
                    </div>
                    <div className="container_input_Center">
                        <div>
                            <i className="fa fa-envelope-open-o"></i>
                            <input type="text" placeholder="请输入短信验证码"/>
                        </div>
                        <button>获取短信验证码</button>
                    </div>
                    <div className="container_input_Bottom">
                        <i className="fa fa-lock"></i>
                        <input type="text" placeholder="请设置6~20位的登录密码"/>
                        {/*<span className="g_switch"><b>开 关</b><i></i></span>*/}
                    </div>
                    <div className="tips">
                        <i className="fa fa-check-circle-o"></i>注册即视为同意<a>《服务条款》</a>
                    </div>
                    <div className="button">
                        <button>注册</button>
                    </div>
                </div>
            </div>
        )
    }
}



export default withRouter(Register);